const width = '20px';
const height = '20px';
const defaultColor = '#b9b9b9';

const defaultStyles = {
  display: 'flex',
  flexDirection: 'row',
  justifyContent: 'center',
  alignItems: 'center',
};

export const Folder = ({ color, ...props }) => (
  <i style={defaultStyles} {...props}>
    <svg
      t="1662898529249"
      className="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="3265"
      width={width}
      height={height}
    >
      <path
        d="M970.666667 213.333333H546.586667a10.573333 10.573333 0 0 1-7.54-3.126666L429.793333 100.953333A52.986667 52.986667 0 0 0 392.08 85.333333H96a53.393333 53.393333 0 0 0-53.333333 53.333334v704a53.393333 53.393333 0 0 0 53.333333 53.333333h874.666667a53.393333 53.393333 0 0 0 53.333333-53.333333V266.666667a53.393333 53.393333 0 0 0-53.333333-53.333334z"
        fill={color || defaultColor}
        p-id="3266"
      />
    </svg>
  </i>
);
export const Team = ({ color, ...props }) => (
  <i style={defaultStyles} {...props}>
    <svg
      t="1662899260496"
      className="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="21073"
      width={width}
      height={height}
    >
      <path
        d="M774.4 742.4c0-44.8-12.8-89.6-38.4-121.6C691.2 569.6 640 544 576 544c-38.4 0-76.8 0-115.2 0-44.8 0-83.2 12.8-121.6 38.4-44.8 32-70.4 76.8-76.8 128-6.4 57.6 0 121.6-6.4 185.6 6.4 0 19.2 6.4 25.6 6.4 76.8 19.2 147.2 38.4 224 38.4 44.8 0 96 0 140.8-6.4 38.4-6.4 76.8-19.2 115.2-32 6.4 0 6.4-6.4 6.4-12.8C774.4 838.4 774.4 787.2 774.4 742.4z"
        p-id="21074"
        fill={color || defaultColor}
      />
      <path
        d="M358.4 531.2c12.8-6.4 19.2-6.4 32-12.8-38.4-38.4-57.6-76.8-57.6-128-44.8 0-89.6 0-134.4 0C172.8 390.4 147.2 396.8 128 403.2 57.6 428.8 0 499.2 0 576c0 51.2 0 102.4 0 160 0 6.4 0 6.4 6.4 12.8 51.2 12.8 102.4 25.6 153.6 32 19.2 0 44.8 6.4 64 6.4 0-12.8 0-25.6 0-38.4 0-19.2 0-38.4 6.4-57.6C249.6 614.4 294.4 563.2 358.4 531.2z"
        p-id="21075"
        fill={color || defaultColor}
      />
      <path
        d="M1024 588.8c0-25.6-6.4-57.6-19.2-83.2-38.4-76.8-96-115.2-179.2-115.2-121.6 0 0 0-121.6 0 0 51.2-19.2 96-57.6 128 6.4 0 12.8 6.4 12.8 6.4 32 12.8 64 32 89.6 57.6 38.4 44.8 57.6 96 57.6 153.6 0 12.8 0 32 0 44.8 32-6.4 57.6-6.4 89.6-12.8 38.4-6.4 83.2-19.2 121.6-38.4 6.4 0 6.4-6.4 6.4-12.8C1024 684.8 1024 633.6 1024 588.8z"
        p-id="21076"
        fill={color || defaultColor}
      />
      <path
        d="M518.4 537.6c83.2 0 153.6-70.4 147.2-153.6 0-83.2-70.4-147.2-147.2-147.2-83.2 0-153.6 64-153.6 147.2C371.2 467.2 435.2 537.6 518.4 537.6z"
        p-id="21077"
        fill={color || defaultColor}
      />
      <path
        d="M704 371.2C723.2 377.6 742.4 384 768 384c83.2 0 153.6-70.4 147.2-153.6 0-83.2-70.4-147.2-147.2-147.2-83.2 0-153.6 64-153.6 147.2C665.6 256 697.6 307.2 704 371.2z"
        p-id="21078"
        fill={color || defaultColor}
      />
      <path
        d="M256 384c25.6 0 57.6-6.4 76.8-19.2 6.4-51.2 32-96 70.4-121.6 0 0 0-6.4 0-6.4 0-83.2-70.4-147.2-147.2-147.2-83.2 0-153.6 64-153.6 147.2C102.4 313.6 172.8 384 256 384z"
        p-id="21079"
        fill={color || defaultColor}
      />
    </svg>
  </i>
);
export const Arrow = ({ color, ...props }) => (
  <i style={defaultStyles} {...props}>
    <svg
      t="1662900388433"
      className="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="3039"
      width={width}
      height={height}
    >
      <path
        d="M704.660416 319.78728 511.723196 512.647753 318.863746 319.78728l-59.501162 59.4633 252.361635 252.361635L764.086877 379.25058 704.660416 319.78728z"
        p-id="3040"
        fill={color || defaultColor}
      />
    </svg>
  </i>
);
export const Menu = ({ color, ...props }) => (
  <i style={defaultStyles} {...props}>
    <svg
      t="1662899672418"
      className="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="24126"
      width={width}
      height={height}
    >
      <path
        d="M284.416 236.373333C221.610667 236.373333 170.666667 183.466667 170.666667 118.101333S221.610667 0 284.416 0c62.890667 0 113.834667 52.906667 113.834667 118.186667 0 65.194667-50.944 118.101333-113.834667 118.101333z m0 393.813334C221.610667 630.186667 170.666667 577.28 170.666667 512s50.944-118.186667 113.749333-118.186667c62.890667 0 113.834667 52.906667 113.834667 118.186667S347.306667 630.186667 284.416 630.186667z m455.168-393.898667c-62.890667 0-113.834667-52.906667-113.834667-118.101333C625.749333 52.906667 676.693333 0 739.584 0 802.389333 0 853.333333 52.906667 853.333333 118.186667c0 65.194667-50.944 118.101333-113.749333 118.101333z m0 393.898667c-62.890667 0-113.834667-52.906667-113.834667-118.186667s50.944-118.186667 113.834667-118.186667C802.389333 393.813333 853.333333 446.72 853.333333 512s-50.944 118.186667-113.749333 118.186667zM284.416 1024C221.610667 1024 170.666667 971.093333 170.666667 905.813333c0-65.194667 50.944-118.101333 113.749333-118.101333 62.890667 0 113.834667 52.906667 113.834667 118.101333C398.250667 971.093333 347.306667 1024 284.416 1024z m455.168 0c-62.890667 0-113.834667-52.906667-113.834667-118.186667 0-65.194667 50.944-118.101333 113.834667-118.101333 62.805333 0 113.749333 52.906667 113.749333 118.101333C853.333333 971.093333 802.389333 1024 739.584 1024z"
        p-id="24127"
        fill={color || defaultColor}
      />
    </svg>
  </i>
);
export const Search = ({ color, ...props }) => (
  <i style={defaultStyles} {...props}>
    <svg
      t="1662899409230"
      className="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="22002"
      width={width}
      height={height}
    >
      <path
        d="M431.616 791.04c-209.408 0-379.904-170.496-379.904-379.904S222.208 31.232 431.616 31.232 811.52 201.728 811.52 411.136 641.024 791.04 431.616 791.04z m0-693.248c-172.544 0-313.344 140.288-313.344 313.344 0 172.544 140.288 313.344 313.344 313.344 172.544 0 313.344-140.288 313.344-313.344 0-172.544-140.8-313.344-313.344-313.344z"
        fill="#707070"
        p-id="22003"
      />
      <path
        d="M676.864 660.48l278.528 278.528c12.8 12.8 12.8 34.304 0 47.104-12.8 12.8-34.304 12.8-47.104 0L629.76 707.584c-12.8-12.8-12.8-34.304 0-47.104 12.8-12.8 34.304-12.8 47.104 0z"
        fill={color || defaultColor}
        p-id="22004"
      />
    </svg>
  </i>
);
